<!DOCTYPE html>
<html
      layout:decorator="component/mainLayout"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      lang="en" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>超市资讯</title>
</head>
<link rel="stylesheet" type="text/css" href="/layui/css/layui.css" media="all"/>
<script src="/layui/layui.js" charset="utf-8"></script>
<body layout:fragment="contentCenter">

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>最近资讯</legend>
</fieldset>

<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <!--<div class="layui-col-md6">-->
            <!--<div class="layui-card">-->
                <!--<div class="layui-card-header">卡片面板</div>-->
                <!--<div class="layui-card-body">-->
                    <!--卡片式面板面板通常用于非白色背景色的主体内<br>-->
                    <!--从而映衬出边框投影-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="layui-col-md6">-->
            <!--<div class="layui-card">-->
                <!--<div class="layui-card-header">卡片面板</div>-->
                <!--<div class="layui-card-body">-->
                    <!--结合 layui 的栅格系统<br>-->
                    <!--轻松实现响应式布局-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <div class="layui-col-md12" th:each="notice,iter:${noticeList}" th:onclick="intoNotic([[${notice.noticeId}]])">
            <div class="layui-card">
                <div class="layui-card-header" th:value="${notice.noticeTitle}" style="font-weight: bold;
                font-size: 16px; color: teal;"> [[${notice.noticeTitle}]]</div>
                <div class="layui-card-body" th:value="${notice.noticeContent}">
                    [[${notice.noticeContent}]]
                </div>
            </div>
        </div>
    </div>
</div>
<!--豫章故郡，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美。都督阎公之雅望，棨戟遥临；宇文新州之懿范，襜帷暂驻。十旬休假，胜友如云；千里逢迎，高朋满座。腾蛟起凤，孟学士之词宗；紫电青霜，王将军之武库。家君作宰，路出名区；童子何知，躬逢胜饯。-->
<!--时维九月，序属三秋。潦水尽而寒潭清，烟光凝而暮山紫。俨骖騑于上路，访风景于崇阿；临帝子之长洲，得天人之旧馆。层峦耸翠，上出重霄；飞阁流丹，下临无地。鹤汀凫渚，穷岛屿之萦回；桂殿兰宫，即冈峦之体势。-->
<!--披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。闾阎扑地，钟鸣鼎食之家；舸舰弥津，青雀黄龙之舳。云销雨霁，彩彻区明。落霞与孤鹜齐飞，秋水共长天一色。渔舟唱晚，响穷彭蠡之滨；雁阵惊寒，声断衡阳之浦。-->
<!--遥襟甫畅，逸兴遄飞。爽籁发而清风生，纤歌凝而白云遏。睢园绿竹，气凌彭泽之樽；邺水朱华，光照临川之笔。四美具，二难并。穷睇眄于中天，极娱游于暇日。天高地迥，觉宇宙之无穷；兴尽悲来，识盈虚之有数。望长安于日下，目吴会于云间。地势极而南溟深，天柱高而北辰远。关山难越，谁悲失路之人？萍水相逢，尽是他乡之客。怀帝阍而不见，奉宣室以何年？-->
<script>
    $(document).ready(function () {
        sliderCollapse.open('#noticeCollapse');
    })

    var layui = layui.use(['form', 'laydate','upload','element','layer'], function(){
        var $ = layui.$
            ,upload = layui.upload
            ,element = layui.element
            ,layer = layui.layer
            ,laydate = layui.laydate
            ,form = layui.form;
    })

    function intoNotic(noticeId) {
        window.location.href="/notice/noticeDetail?noticId="+noticeId;
        // layui.layer.alert(noticeId);
    }
</script>
</body>
</html>